<template>
	<view class="info_warp">
		<view class="form_box">
			<view class="alert_box">
				<u-button plain shape="circle" type="warning" size="medium">
					<u-icon name="tishishuoming" customPrefix="coolc" top="2" color="#fcbd71" size="32"></u-icon> 为了帐户安全，密码请不要过于简单。
				</u-button>
			</view>
			<form>
				<u-form-item class="uformitem" labelPosition="left" label="手机号码" prop="mobile" label-width="150">
					<input v-model="info.mobile" placeholder="输入手机号码" :disabled="true"></input>
				</u-form-item>
				<u-form-item class="uformitem" labelPosition="left" label="验证码" prop="number" label-width="150">
					<input name="code" v-model="code" type="number" maxlength="6" placeholder="输入短信验证码" />
					<u-button slot="right" shape="circle" type="warning" size="mini" @click="getCode">{{ifsms.text}}</u-button>
				</u-form-item>
				<u-form-item class="uformitem" labelPosition="left" label="新密码" prop="password" label-width="150">
					<input placeholder="请输入新密码" name="password" password="true" v-model="password"></input>
				</u-form-item>
				<u-form-item class="uformitem" labelPosition="left" label="再次输入" prop="confirm_password" label-width="150">
					<input placeholder="再次输入新密码" name="confirm_password" password="true" v-model="confirm_password"></input>
				</u-form-item>
				
				<view class="submitBtns">
					<u-button type="success" @click="saveadd" shape="circle">提交修改</u-button>
				</view>
			</form>
			
		</view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				info:{
					mobile:''
				},
				code:'',
				password: '',
				confirm_password: '',
				ifsms: {
					ifbut: true,
					ifnum: 60,
					text: "获取验证码",
					defnum: 60
				}
			};
		},
		methods: {
			
		}
	}
</script>

<style lang="scss">
	page {
		background: #f1f1f1;
	}
</style>
